import React, { useState } from 'react'

// 目标：点击按钮开启倒计时
// !问题：多次点击会开启多个定时器来控制 count，出问题了
export default function App() {
  const [count, setCount] = useState(10)
  const handleClick = () => {
    setInterval(() => {
      // setCount(count-1) // 这样写是错误的，有闭包产生
      setCount((count) => count - 1)
    }, 1000)
  }
  return (
    <div>
      <h3>{count}</h3>
      <button onClick={handleClick}>开启倒计时</button>
    </div>
  )
}
